<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input id="key"/>
    <div id="box"></div>
    
</body>
<script>
    function  cb(res){
        console.log(res);
        let  result  = res.result;
        let html  ="";
        result.forEach(item=>{
            html  += `<div>${item[0]}</div>`
        })
        box.innerHTML  = html;
    }
    key.oninput  = function(){
        let  key  = this.value;
        let   script  = document.createElement("script");
        script.src  = `https://suggest.taobao.com/sug?code=utf-8&q=${key}&extras=1&area=c2c&bucketid=atb_search&pid=mm_26632258_3504122_32538762&unid=&clk1=345f97bf5c9db4a57b696fc89983bb55&_=1692945872120&callback=cb`;
        document.body.appendChild(script);
    }

</script>
<script src="https://suggest.taobao.com/sug?code=utf-8&q=b&extras=1&area=c2c&bucketid=atb_search&pid=mm_26632258_3504122_32538762&unid=&clk1=345f97bf5c9db4a57b696fc89983bb55&_=1692945872120&callback=cb"></script>
</html>